
<template>
  <div id="subpage">

    <el-col :span="24" class="warp-breadcrum">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item><b>小程序</b></el-breadcrumb-item>
        <el-breadcrumb-item to="/mini_app/manage_smallLesson">小课管理</el-breadcrumb-item>
        <el-breadcrumb-item to="/mini_app/recom">弹出层管理</el-breadcrumb-item>
        <el-breadcrumb-item>{{smallLesson_id ? '修改' : '添加'}}弹出层</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>

    <div class="content">
      <div class="xcx-head">
        <span class="title">{{smallLesson_id ? '修改' : '添加'}}弹出层</span>
      </div>
      <div class="xcx-content">
        <el-form ref="form_data" :model="form_data" :rules="rules" label-width="140px" style="width: 80%;">

          <el-form-item label="弹出层链接：" prop="url">
            <el-input class="w400" v-model="form_data.url" placeholder="请输入弹出层链接"></el-input>
          </el-form-item>

          <el-form-item label="弹出层封面：" class="line_H" prop="image">
            <el-upload accept="image/*" :on-exceed="descExceed" limit="1" :on-remove='del_img' :action="upload_img_url" :file-list="form_data.image" list-type="picture-card" :on-success="img_succ" :data="postData">
              <i class="el-icon-plus"></i>
              <!--<div style="font-size: 12px; color: #606266;" slot="tip">图片大小（ 510px * 690px ）像素，图片格式png、jpg</div>-->
            </el-upload>
          </el-form-item>


          <el-form-item label="弹出层状态：" prop="status">
            <el-radio v-model="form_data.status" label="1">开启</el-radio>
            <el-radio v-model="form_data.status" label="2">关闭</el-radio>
          </el-form-item>

          <el-form-item class="mar_T_50">
            <el-button type="primary" @click="save">保存</el-button>
            <el-button @click="back">返回</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script src="../../../static/js/mini_app/add_recom.js"></script>

<style scoped>
</style>
